<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>

	<style>
		#hu_percent2,
		#hu_percent1 {
			float: right;
		}
		
		.c_inlineDiv {}
		
		.c_inlineDiv>div {
			display: inline-block;
		}
		
		@media only screen and (max-width:768px) {
			.smallHeaderPadding {
				padding: 7px 17px !important;
			}
		}
	</style>
	<header class="navbar navbar-static-top navbar-default" style="background-color: #fdd32c;" id="top" role="banner">
		<div class="container-fluid smallHeaderPadding" style="padding-top:25px;padding-bottom: 25px;position: relative;">

			<div class="row" style="text-align: right;">
				<div class="visible-xs-inline-block" style="float: left; width:110px;">
					<a class="" style="padding:0;" href="<?php echo $header_json['title']['url'] ?>">
						<img src="<?php echo base_url('/assets/header_img/logo-x2.18951f4.png') ?>" style="width:100%;" />
						<!-- 	<?=VIEW_TITLE?>-->

					</a>
				</div>
				<div class="my_circle  visible-xs-inline-block" style="padding:0;border: solid 1px white;color:white;text-align: center;background-color: #5cb85c">
					<div style="font-size: 20px;margin: -1px 0 0 -1px;" id="hu_level1">0</div>
					<div style="font-size: 10px;margin: -1px 0 0 -1px;">等级</div>
				</div>
				<div class="visible-xs-inline-block" role="navigation" style="vertical-align: top;">
					<!--            <ul class="nav navbar-nav center-block" style="width: 720px;">-->
					<!---->
					<!--            </ul>-->
					<ul class="nav  navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="padding: 0 10px 0 10px;background-color:#fdd32c;white-space: nowrap;">
								<img style="width: 44px;height: 44px;" src="<?php echo $header_json['user']['header_img'] ?>" alt="..." class="img-circle">
								<span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu" style="left:-110%;">
								<?php foreach ($header_json['nav'] as $k => $v) { ?>
								<li>
									<a href="<?php echo $v['a']; ?>">
										<?php echo $v['li_name']; ?>
									</a>
								</li>
								<?php } ?>
								<li class="divider"></li>
								<li>
									<a href="javascript:logout()">退出</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<div class="row">
				<div class="col-xs-1 col-sm-2 hidden-xs" style="">
					<a class="" style="padding:0;" href="<?php echo $header_json['title']['url'] ?>">
						<img src="<?php echo base_url('/assets/header_img/logo-x2.18951f4.png') ?>" style="width:100%;" />
						<!-- 	<?=VIEW_TITLE?>-->

					</a>
				</div>

				<div class="col-xs-11 col-sm-9" style="padding:0;">
					<div id="header_user_level" class="row c_inlineDiv" style="height: 50px;white-space:nowrap;display: none;">
						<div class="my_circle col-xs-3 col-sm-1 hidden-xs" style="padding:0;border: solid 1px white;color:white;margin-left:15px;text-align: center;margin-top: 2px;background-color: #5cb85c">
							<div style="font-size: 20px;margin: -1px 0 0 -1px;" id="hu_level">0</div>
							<div style="font-size: 10px;margin: -1px 0 0 -1px;">等级</div>
						</div>
						<div class="col-xs-2 col-sm-2" style="color: white;margin:5px 0 0 5px;">
							<div style="text-align: right;padding-right: 5px;">倒计时:</div>
							<div style="text-align: right;padding-right: 5px;">经验值:</div>
						</div>
						<div class="col-xs-7 col-sm-7" style="padding:8px;">
							<div class="progress" style="height:15px;margin-bottom: 5px;">
								<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%" id="hu_percent1">
								</div>
							</div>
							<div class="progress" style="height:15px;margin-bottom: 5px;">
								<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 0%" id="hu_percent2">
								</div>
							</div>
						</div>
						<div class="col-xs-2 col-sm-1" style="color: white;padding-top:6px;">
							<div id="hu_daojishi">00:00:00</div>
							<div id="hu_jingyan">0000/0000</div>
						</div>
					</div>
				</div>

				<div class="col-xs-1 hidden-xs" role="navigation">
					<!--            <ul class="nav navbar-nav center-block" style="width: 720px;">-->
					<!---->
					<!--            </ul>-->
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="padding: 5px 10px 0 10px;background-color:#fdd32c;white-space: nowrap;">
								<img style="width: 40px;height: 40px;" src="<?php echo $header_json['user']['header_img'] ?>" alt="..." class="img-circle">
								<span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<?php foreach ($header_json['nav'] as $k => $v) { ?>
								<li>
									<a href="<?php echo $v['a']; ?>">
										<?php echo $v['li_name']; ?>
									</a>
								</li>
								<?php } ?>
								<li class="divider"></li>
								<li>
									<a href="javascript:logout()">退出</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

		</div>

	</header>
	<div id="main_spinner_bg" style="position: fixed;display: none;"></div>
	<div id="main_spinner" style="position: fixed;display: none;">
		<div class="my_spinner" style="position: relative">
			<div style="position: absolute;top: 40px;left: 20px;">
				loading...
			</div>
			<div class="my_spinner-container my_container1">
				<div class="my_circle1"></div>
				<div class="my_circle2"></div>
				<div class="my_circle3"></div>
				<div class="my_circle4"></div>
			</div>
			<div class="my_spinner-container my_container2">
				<div class="my_circle1"></div>
				<div class="my_circle2"></div>
				<div class="my_circle3"></div>
				<div class="my_circle4"></div>
			</div>
			<div class="my_spinner-container my_container3">
				<div class="my_circle1"></div>
				<div class="my_circle2"></div>
				<div class="my_circle3"></div>
				<div class="my_circle4"></div>
			</div>
		</div>
	</div>